<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>{{.s_title}}</title>
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/css/mui.min.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/all.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/css/other/app.css" rel="stylesheet" />
	<link href="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/font/iconfont.css" rel="stylesheet" />
</head>
<style type="text/css">
	.promotion-wrap {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-bottom: 10px;padding: 8px;box-sizing: border-box;}
	.product-cell {overflow: hidden;width: calc(50% - 4px);margin-bottom: 8px;background-color: white;border-radius: 3px;}
	.product-cell img {width: 100%;}
	.product-cell .title {display: -webkit-box;overflow: hidden;height: 42px;line-height: 21px;padding: 3px 8px;text-overflow: ellipsis;font-size: 16px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #000;}
	.product-cell .price {padding: 5px 8px;color: #fc353a;}
</style>
<body>
	<div class="promotion-wrap">
		{{ range .product}}
		<div class="product-cell goto" href="/mobile/column/product_content?id={{ .id }}">
			<img src="{{ .pathname }}">
			<p class="title">{{ .title }}</p>
			<p class="price">¥<span>{{ .price }}</span></p>
		</div>
		{{ end }}
	</div>

<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/other/app.js"></script>
<script type="text/javascript" src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/sui/js/SUI.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/frame/mui/js/mui.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/wechat/js/zepto.min.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
    //释放 nav 底部导航 a 链接
    mui('.mui-tab-item').each(function () {
        this.addEventListener('tap',function () {
            var url = this.getAttribute('href');
            window.location.href=url;
        })
    });
</script>
</body>
</html>